<template>
    <div>
        Home
        <div>
            <p>counter:{{$store.state.counter}}</p>
            <p>doubleCounter:{{$store.getters.doubleCounter}}</p>
            <p> <button @click="$store.commit('add')">add commit</button></p>
            <p> <button @click="$store.dispatch('add')">add dispatch</button></p>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'Home'
    }
</script>

<style lang="scss" scoped>

</style>